"use client"
import Image from 'next/image'
import {Button, Divider} from "antd";
import FormExample from "@/components/FormExample";

export default function Home() {
  return (
    <div className={"p-4"}>
        <div>按钮示例</div>
        <div className="flex items-center p-4 gap-x-4 flex-wrap">
            <Button>按钮</Button>
            <Button type={"primary"}>按钮</Button>
            <Button danger={true}>按钮</Button>
            <Button shape={"round"}>按钮</Button>
            <Button shape={"circle"}>X</Button>
        </div>
        <Divider />
        <div>表单示例</div>
        <div className="flex items-center p-4 gap-x-4 flex-wrap">
          <FormExample />
        </div>
    </div>
  )
}